// 重置样式
* {
  box-sizing: border-box;
}

html {
  height: 100%;
  font-size: 16px; /* 这是一个默认的值，你可以根据需要调整 */
}
body {
  height: 100%;
  color: #333;
  min-width: 1240px;
  font:
    1em/1.4 'Microsoft Yahei',
    'PingFang SC',
    'Avenir',
    'Segoe UI',
    'Hiragino Sans GB',
    'STHeiti',
    'Microsoft Sans Serif',
    'WenQuanYi Micro Hei',
    sans-serif;
}
body,
ul,
h1,
h3,
h4,
p,
dl,
dd  {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #333;
  outline: none;
}
i {
  font-style: normal;
}
input[type='text'],
input[type='search'],
input[type='password'],
input[type='checkbox'] {
  padding: 0;
  outline: none;
  border: none;
  -webkit-appearance: none;
  &::placeholder {
    color: #ccc;
  }
}

ul {
  list-style: none;
}

/* 对于较小的屏幕 */
@media (max-width: 600px) {
  html {
    font-size: 14px; /* 调整根字体大小 */
  }
}

/* 对于较大的屏幕 */
@media (min-width: 1200px) {
  html {
    font-size: 18px; /* 调整根字体大小 */
  }
}
